@hover:#FF6699;
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
//顶部登录注册开始color: #FF6699;
  #top{
      width: 100%;
      height: 39px;
      background: #F5F5F5;
      border-bottom: 1px solid #EEEEEE;
      .head{
          width: 1200px;
          height: 40px;
          margin: 0px auto;
          ul.container{
          float: right;
              li{
                float: left;
                .out{
                    border-left: none;
                }
                .first{
                    border-left: 0;    
                    .weixin{
                        float: left;
                        margin-right: 2px;
                        width: 16px;
                        height: 16px;
                        background-image: url(../img/weixin.png);
                    }  
                }
                .custom{
                    padding-right: 0px;
                }
                a:hover{
                    color: #FF6699;
                }
                a{
                  display: block;
                  margin-top: 10px;
                  padding: 0px 15px;
                  line-height: 18px;
                  color: #666;
                  font-size: 12px;
                  font-family: arial;
                  border-left: 1px dotted #ccc;
                  .qq{
                      float: left;
                      margin-right: 2px;
                      width: 16px;
                      height: 16px;
                      background: url(../img/bg.png) no-repeat -188px -20px;
                  }
                  .my_car{
                      float: left;
                      margin-right: 2px;
                      width: 19px;
                      height: 16px;
                      background: url(../img/bg.png) no-repeat -1px -163px;
                  }
                  .my_love{
                      .my_car;
                      background: url(../img/heart.png) no-repeat 0px 2px;
                  }
                  
                  .num{
                      width: 18px;
                      height: 14px;
                      display: inline-block;
                      line-height: 14px;
                      border-radius: 6px;
                      background: #999;
                      text-align: center;
                      color: white;
                      margin-left: 3px;
                      font-style:normal;
                  }
                  .my_order{
                      float: left;
                      margin-right: 2px;
                      width: 19px;
                      height: 16px;
                      background: url(../img/bg.png) no-repeat -222px -44px;
                  }
                  .download{
                      float: left;      
                      width: 19px;
                      height: 17px;
                      background: url(../img/bg.png) no-repeat -170px -44px;
                  }
                }
              }
          }
      }
  }
    
//顶部登录注册结束

//搜索区域开始
#search{
    width: 100%;
    height: 66px;
    .outside{
        width: 1200px;
        height: 36px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0 auto;

        .logo{
            float: left;
            width: 106px;
            height: 36px;
            background-image: url(../img/logo.png );
        }//logo
        .container{
            width: 460px;
            height: 30px;
            border: 2px solid #f69;
            margin-left: 360px;
            .baobei{
                width: 69px;
                height: 30px;
                background: #f5f5f5;
                border-right: 1px solid #e6e6e6;
                float: left;
                .cat{
                    float: left;
                    line-height: 30px;
                    text-align: center;
                    width: 69px;
                    font-size: 12px;
                    font-family: arial;
                    position: relative;
                    color: #666666;
                    .triangle{
                        position: absolute;
                        left: 53px;
                        top: 12px;
                        width: 10px;
                        height: 6px;
                        background: url(../img/bg.png) no-repeat -22px -69px;
                    }
                }
            }//baobei
            .magnifier{
                width: 14px;
                height: 14px;
                background: url(../img/bg.png) no-repeat 0px -69px;
                float: left;
                margin: 7px ;
            }
            .search_content{
                width: 265px;
                height: 24px;
                float: left;
                color: #999;
                font-size: 12px;
                font-family: arial;
                border: none;
                margin-top: 3px;
            }
            .sub{
                width: 90px;
                height: 30px;
                font-size: 14px;
                line-height: 30px;
                font-family: arial;
                background: #FF6699;
                color: white;
                border: none;
                float: right;
                letter-spacing: 3px;
            }
        }//container
    }//outside
}//search

//搜索区域结束

//导航条开始
#nav{
    width: 100%;
    height: 40px;
    background: #FF6599;
    .outer{
        width: 948px;
        height: 40px;    
        margin: 0 auto;
//      background: cyan;
        li{
            float: left;
            text-align: center;
            position: relative;
            .first{
                background: #ED3577;
            }
            .second_stage{
                background: white;
                position: absolute;
                left: 0px;
                top: 40px;
                border: 1px solid #FF6699;
                z-index: 9;   
                display: none;
                overflow: hidden;
                float: left;
                a{
                    white-space:nowrap;
                    width: 100%;
                    padding-left: 0px;
                    padding-right: 0px;
                    color: @hover;
                    &:hover{
                        color:  white;
                    }
                }
            }
            a:hover{
                background: #ED3577;
            }
            a{
                float: left;
                text-align: center;
                height: 40px;
                line-height: 40px;
                padding: 0px 14px;
                font-size: 14px;
                font-family: arial;
                font-weight: bold;
                color: white;

                .triangle{
                        display: inline-block;
                        left: 44px;
                        top: 19px;
                        width: 10px;
                        height: 6px;
                        background: url(../img/bg.png) no-repeat -61px -70px;
                        
                    }
            }//a
        }//li
    }//outer
}//nav

//导航条结束

//中间大轮播开始
#show{
    width: 100%;
    height: 420px;
    background: #E6E6E6;

    .outer{
        width: 1200px;
        height: 0px;
        margin: 0 auto;
        position: relative;
        .left{
            width: 238px;
            height: 579px;
            border: 1px solid #E6E6E6;
            background: white;
            float: left;
//          overflow: hidden;
            position: relative;
            z-index: 8;
            .list{
                margin-left: 20px;
                margin-top: 10px;
                width: 198px;
                height: 104px;
                border-bottom: 1px dotted #ccc;
                position: relative;
//              background: red;
                .right_cate{
                    display: none;
                    background: white;
                    position: absolute;
                    left: 218px;
                    top: -11px;
//                  width: 100px;
                    width:350px; 
                    border: 1px solid #ccc;
                    dl{
                        padding:5px 15px;
                        dt{
                            float: left;
                            width: 320px;
                        }
                        dt a{
                            color: #666;
                            font-weight: 700;
                            &:hover{
                                color: @hover;
                            }
                        }
                    }
                }
                .head{
                    width: 100%;
                    height: 19px;
                    .hot{
                        display: block;
                        padding-left: 22px;
                        background: url(../img/hot.png) no-repeat;
                        color: #f69;
                        font-size: 16px;
                        font-family: arial;
                        font-weight: bold;
                        
                    }
                }
                
                dd{
                    float: left;
                    margin: 7px 0px;
                    margin-right: 7px;
                    font-size: 12px;
                    a{
                        color: #666;
                    }
                    a:hover{
                        color: #FF6699;
                    }
                }
                .sign{
                    position: absolute;
                    left: 198px;
                    top: 36px;
                    color:#999;
//                  background: red;
                    
                }
                
            }//list
        }//left
        .turn_left{
            float: left;
            width: 36px;
            height: 44px;
            border-radius: 6px;
            background: #666 url(../img/turn_left.png) no-repeat;
            margin-top:200px;
            margin-left: -6px;
            opacity: 0.3;
            filter: alpha(opacity=30);
            z-index: 7;
            
        }//turn_left
        .right{
            width: 200px;
            height: 420px;
            border: none;
            background: #E6E6E6;
            float: right;
            position: relative;
            z-index: 8;
            a{
                float: left;
                width: 200px;
                height: 140px;
                background: url(../img/test.jpg) no-repeat;
            }
        }//right
        .turn_right{
            float: right;
            width: 36px;
            height: 44px;
            border-radius: 6px;
            background: #666 url(../img/turn_right.png) no-repeat;
            margin-top:200px;
            margin-right: -6px;
            opacity: 0.3;
            filter: alpha(opacity=30);
            z-index: 7;
            
        }//turn_right
        .circle{
            width: 280px;
            height: 17px;
//          background: red;
            position: absolute;
            top: 350px;
            left: 680px;
            li{
                float: left;
                margin-left: 20px;
                border-radius: 50%;
                background: pink;
                a{
                    display: block;
                    font-size: 0px;
                    width: 15px;
                    height: 15px;
                }
            }
        }
    }//outer
    .bg .slide{
        display: none;
        a{
        display: block;
        background: url(../img/show1.jpg) 50% 0% repeat;
        width: 100%;
        height: 419px;
        
        }
    } 
}//show


//中间大轮播结束

//热销榜，流行榜，上新榜，专题榜开始
#bang{
    width: 1200px;
    height: 154px;
    margin: 0 auto;
//  background: red;
    .right{
        float: right;
        width: 198px;
        height: 142px;
        background: url(../img/mua.jpg);
        margin-top: 10px;
        border: 1px solid #E6E6E6;
        margin-right:0;
    }
    a{
        float: right;
        width: 175px;
        height: 142px;
        background: url(../img/bang1.jpg);
        margin-top: 10px;
        border: 1px solid #E6E6E6;
        margin-right: 10px;
    }
}
    
//热销榜，流行榜，上新榜，专题榜结束

//人气推荐单品
#hot_recom{
    width: 1200px;
//  height: 774px;
    margin: 0 auto;
//  background: cyan;
    .head{
        height: 33px;
        margin-top:20px ;
//      background: cyan;
        border-bottom: 1px solid #E6E6E6;
        .pic{
            display: block;
            width: 158px;
            height: 26px;
            background: url(../img/pre_img.png) no-repeat;
        }//pic
    }//head
    .content{
        width: 1200px;
        overflow: hidden;
//      height: 721px;
//      background: red;
        .outer{
            width: 1250px;
            
            .list{
                width: 180px;
                height: 333px;
                margin-right: 24px;
                margin-top: 20px;
                float: left;
                .pic{
                width: 180px;
                height: 255px;
                display: block;
                background: url(../img/details.jpg) no-repeat;
                    
                }
                .sub_title{
                    
                    font-size: 12px;
                    line-height: 20px;
                    a{
                        color: #666;
                    }
                    a:hover{
                        color: #FF6699;
                    }
                }
                .price{
                    color: #f69;
                    font-size: 16px;
                    font-family: arial;
                    border-bottom: 1px dotted #ccc;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    span{
                        font-size: 12px;
                        text-decoration: line-through;
                        color: #666;
                        padding-left: 10px;
                    }
                }
                .total_buy{
                    font-size: 12px;
                    color: #666;
                    line-height: 16px;
                }
            }//list
        }//outer
        
    }//content
}//hot_recom

//人气推荐单品结束

//每日超值团购
#group_shop{
    width: 1200px;
    height: 422px;
    margin: 0 auto;
//  background: cyan;
    .head{
        height: 33px;
        margin-top:20px ;
//      background: cyan;
        border-bottom: 1px solid #E6E6E6;
        .pic{
            display: block;
            width: 158px;
            height: 26px;
            background-color: red;
            background: url(../img/pre_img.png) no-repeat 0px -238px;
        }//pic
    }//head
    .content{
        width: 1250px;
        height: 388px;
        .list{
                width: 180px;
                height: 333px;
                margin-right: 24px;
                margin-top: 20px;
                float: left;
                .pic{
                width: 180px;
                height: 255px;
                display: block;
                background: url(../img/details.jpg);
                    
                }
                .sub_title{
                    
                    font-size: 12px;
                    line-height: 20px;
                    a{
                        color: #666;
                    }
                    a:hover{
                        color: #FF6699;
                    }
                }
                .price{
                    color: #f69;
                    font-size: 16px;
                    font-family: arial;
                    border-bottom: 1px dotted #ccc;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    span{
                        font-size: 12px;
                        text-decoration: line-through;
                        color: #666;
                        padding-left: 10px;
                    }
                }
                .total_buy{
                    font-size: 12px;
                    color: #666;
                    line-height: 16px;
                }
            }//list
    }//content
}//group_shop

//每日超值团购结束

//衣服开始
#close{
    width: 1200px;
    height: 640px;
    margin: 0 auto;
    margin-bottom: 15px;
//  background: cyan;
  
    .head{
        height: 33px;
//      background: cyan;
        border-bottom: 1px solid #E6E6E6;
        .pic{
            float: left;
            width: 88px;
            height: 26px;
//          background-color: red;
            background: url(../img/pre_img.png) no-repeat 0px -40px;
        }//pic
        .num{
            float: left;
            margin-top: 8px;
            border-left: 1px dotted #ccc;
            text-indent: 8px;
            font-style:normal;
            color: #999;
            strong{
                color: #666;
            }
        }//num
        .all{
            float: right;
            margin-top: 8px;
            color: #999;
            
        }//all
        .all:hover{
            color:@hover;
        }
        
    }//head
    .left{
            width: 940px;
            height: 604px;
            float: left;
            overflow: hidden;
            border-bottom: 1px solid #ccc;
            ul li a{
                float: left;
                width: 180px;
                height: 255px;
                background: url(../img/show2.jpg);
                margin-top: 10px;
                margin-right: 8px;
            }
            .bottom{
                width: 940px;
                height: 78px;
//              background: red;
                float: left;
                .container{
                    float: left;
                    width: 312px;
                    height: 48px;
                    margin-top: 15px;
                    border-right: 1px dotted #ccc;
                    overflow: hidden;
                    .title{
                        float: left;
                        width: 50px;
                        height: 44px;
                        line-height: 44px;
                        font-size: 16px;
                        color: #f69;
                        margin-left: 10px;
                        margin-right: 0;
                        
                    }
                    a{
                        float: left;
                        line-height: 22px;
                        color: #666;
                        margin-right: 10px;
                        font-size: 12px;
                        font-family: arial;
                    }
                    a:hover{
                        color: #FF6699;
                    }
                }//container
            }//bottom
        }//left
        .right{
            width: 259px;
            height: 604px;
            border-right: 1px solid #E6E6E6;
            float: left;
            border-bottom: 1px solid #ccc;
            .title{
                padding-left: 20px;
                padding-top: 11px;
                    font-size: 16px;
                    color: #666;
                    font-weight:700 ;
                    a{
                        color: #999;
                        font-size: 14px;
                        float: right;
                        font-weight: 400;
                    }
                    a:hover{
                        color: @hover; 
                    }
            }//title
            ul{
                width: 239px;
                border-bottom: 1px dotted #ccc;
                margin-left: 20px;
                li{
                    height: 63px;
                    .pic{
                        float: left;
                        width: 32px;
                        height: 32px;
                        margin-top: 15px;
                        border:1px solid #E6E6E6;
                        margin-right: 5px;
                    }
                    .name{
                        padding-top: 15px;
                    }
                    p{
                        padding-top: 5px;
                        padding-bottom: 5px;
                        line-height: 14px;
                        font-size: 12px;
                        color: #999;
                        a{
                            color: #666;  
                        }
                        a:hover{
                            color:@hover ;
                        }
                    }
                }//li
            }//ul
        }//right
}//close

//衣服结束

//鞋子开始
#shoe{
    #close;
    .head .pic{
//          background-color: red;
            background: url(../img/pre_img.png) no-repeat 0px -80px;
        }//pic
}

//鞋子结束

//包包开始
#bag{
    #close;
    .head .pic{
//          background-color: red;
            background: url(../img/pre_img.png) no-repeat 0px -120px;
        }//pic
}

//包包结束

//配饰开始
#decoration{
    #close;
    .head .pic{
//          background-color: red;
            background: url(../img/pre_img.png) no-repeat 0px -160px;
        }//pic
}

//配饰结束

//尾部开始
#last{
    width: 100%;
    height: 310px;
    background: #F5F5F5;
    border-top: 1px solid #DDDDDD;
    .head{
        width: 1200px;
        height: 200px;
        margin: 0 auto;
//      background: cyan;
        .first{
            padding-left: 45px;
            background: url(../img/call.png) no-repeat 0px 5px;
            
            .title{
                font-size: 20px;
                line-height: 22px;   
            }
            p{
                color: #666;
                font-family: arial;
                font-size: 14px;
                margin: 5px 0px;
            }
            .time{
                line-height: 22px;
                font-size: 12px;
            } 
        }//first
        li{
            float: left;
            margin-top: 20px;
            margin-right: 60px;
            .title{
                font-size: 16px;
                line-height: 28px;
                color: #666;
                font-weight: 700;
                font-family: arial;
            }
            a{
               display: block; 
               font-size: 12px;
               color: #666666;
               margin: 10px 0px;
            }
            a:hover{
                color: @hover;
            }
            
        }//li
        .focus{
            
                span{
                    float: left;
                    width: 16px;
                    height: 16px;
                    margin-right: 3px;
                    background: url(../img/bg.png) no-repeat 0px -21px;
                }
                .qq{
                   background: url(../img/bg.png) no-repeat -73px -21px; 
                }
                .teng{
                    background: url(../img/bg.png) no-repeat -49px -21px;
                }
            
        }//foucus
        img{
            width: 115px;
            height: 115px;
            margin-top: 13px;
        }
        .last{
            float: right;
            margin-right: 0px;
            a{
                margin-top: 13px;
                img{
                    width: 132px;
                    height: 100px;
                    margin-top: 0px;
                }
            }
        }//last
    }//head
    .flink{
        width: 1200px;
        height: 30px;
        border-top:1px solid #E6E6E6 ;
        border-bottom:1px solid #E6E6E6 ;
        margin: 0 auto;
        font-size: 12px;
        color: #666666;
        line-height: 30px;
        text-indent: 12px;
        li{
            float: left;
            a{
                color: #666666;
            }
            a:hover{
               color: @hover;
            }
        }//li
        .more{
            float: right;
        }//more
    }//flink
    .record{
        width: 1200px;
        margin: 0 auto;
        font-size: 12px;
        font-family: arial;
        color: #666;
        padding-top: 10px;
        p{
            
            line-height: 22px;
            a{
                color: #666;
                margin: 0 6px;
            }
            a:hover{
                color: @hover;
            }
        }
    }//record
}//last
//尾部结束
















